<!-- 我的待选 -->

<template>
  <div>
    <div>
      <span>待选择设备 ({{ param.idList.length }}/{{ dataList.length }})</span>
      <span class="floatRight">共 {{ total }} 个</span>
    </div>

    <el-input
      v-model="param.deviceName"
      suffix-icon="el-icon-search"
      placeholder="设备名称"
      clearable
      @change="toSearch"
    />

    <WebTable v-bind="tableProps">
      <RowCheckbox
        :bind="info.checkImport ? 'assetId' : ''"
        :disabled="checkboxDisabled"
        :grayed="info.grayed"
        :width="40"
        noKeep
      />
      <RowText label="设备名称" bind="deviceName" :minWidth="100" left>
        <template #default="{ row, text }">
          <span :class="{ hasImport: info.checkImport && row.assetId }">{{ text }}</span>
        </template>
      </RowText>
      <RowDict label="设备类型" bind="deviceTypeId" :dict="$root.iot_type_selectDict" left />
    </WebTable>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import mixWaiting from '@admin/components/choose/mixWaiting'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyWaiting',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [mixWaiting],
}
</script>
